<template>
	<view>
		<view class="fade-away">
			<view class="fade-num">
				数量:
			</view>
			<view class="fade-font">
				(16)
			</view>
			<view class="fade-daizi-one">
				口袋1:
			</view>
			<view class="fade-num-one">
				$25.5
			</view>
			<view class="fade-daizi-two">
				口袋1:
			</view>
			<view class="fade-num-two">
				$7
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"FadeAway",
		data() {
			return {
				
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	//逐渐变没
	.fade-away{
		position: fixed;
		margin-left: 50%;
		transform: translateX(-50%);
		bottom: 180rpx;
		width: 686rpx;
		height: 56rpx;
		background: #FCD198;
		opacity: 0.9;
		border-radius: 82rpx;
		display: flex;
		.fade-num{
			width: 80rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #121B36;
			margin-top: 18rpx;
			margin-left: 30rpx;
		}
		.fade-font{
			width: 50rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #121B36;
			margin-top: 18rpx;
			margin-left: 10rpx;
		}
		.fade-daizi-one{
			width: 80rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #121B36;
			margin-top: 18rpx;
			margin-left: 10rpx;
		}
		.fade-daizi-two{
			width: 80rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #121B36;
			margin-top: 18rpx;
			margin-left: 10rpx;
		}
		.fade-num-one{
			width: 80rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #121B36;
			margin-top: 18rpx;
			margin-left: 10rpx;
		}
		.fade-num-two{
			width: 80rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #121B36;
			margin-top: 18rpx;
			margin-left: 10rpx;
		}
	}
</style>